<template>
    <transition>
        <div>
            <div class="wallet-box">
                <div class="wallet-tit">
                    <p>{{ $t('m.common.sign.prompt[0]') }}<br>{{ $t('m.common.sign.prompt[1]') }}</p>
                </div>
                <div class="wallet-btn">
                    <a href="javascript:void(0)" @click="changeRoute('/wallet/create')">{{ $t('m.common.sign.listTitle') }}</a>
                    <a href="javascript:void(0)" @click="changeRoute('/wallet/import')">{{ $t('m.common.sign.prompt[2]') }}</a>
                    <!--TODO
                    <p class="wallet-txt">从其他平台导入和使用您的钱包，请先阅读指南<br><a href="javascript:void(0)">如何导入钱包？</a></p>-->
                </div>
            </div>
            <div class="wallet-navbar" @click="changeRoute('/language')">
                <a class="language">
                    <img src="@/assets/img/createwallet/diqiu.png" alt="">
                    <span>{{ $t('m.common.sign.prompt[3]') }}</span>
                </a>
                <a class="language-CN">
                    <span>{{ language_v }}</span>
                    <span class="mui-icon mui-icon-arrowright"></span>
                </a>
            </div>
        </div>
    </transition>
</template>
<script>
    /* eslint-disable */

    export default {
        name: 'sign',
        created() {
            this.initData();
        },
        data() {
            return {
                language_v: "",
            }
        },
        methods: {
            initData: function () {
                let language = localStorage.getItem("lang") ? localStorage.getItem("lang") : "en-US";
                switch (language) {
                    case 'zh-CN':
                        this.language_v = "简体中文";
                        break;
                    case 'en-US':
                        this.language_v = "English";
                        break;
                }
            }
        }
    }
</script>
<style scoped>
    @import '../../assets/css/createwallet.css';

    body{
        background: #ffffff;
    }
</style>